section{
  background-color: #FAF7F8;
  .confirm-order{
    padding-bottom: 200px;
    .rate{
      padding: 40px 0;
      .confirm, .pay{
        width: 600px;
        float: left;
        text-align: center;
        font-size: 20px;
        padding: 15px 0;
      }
      .confirm{
        color: #FFF;
        background-color: #2ECE9A;
      }
      .pay{
        position: relative;
        color: #2ECE9A;
        background-color: #FFF;
        .triangle{
          width: 0;
          height: 0;
          border: 30px solid transparent;
          border-left-color: #2ECE9A;
          position: absolute;
          top: 0;
        }
      }
    }
    .title{
      color: #333333;
      font-size: 24px;
      text-align: center;
      padding-bottom: 35px;
    }
    .pay-way{
      padding: 40px;
    }
    .item{
      padding: 0 20px;
      background-color: #FFF;
      .info{
        padding: 20px 0;
        color: #999999;
        .time{
          display: inline-block;
        }
        .num{
          margin-left: 120px;
          display: inline-block;
        }
      }
      .hr{
        // width: 1160px;
        height: 1px;
        background-color: #ccc;
      }
      .content{
        padding: 30px 0;
        .left{
          float: left;
          width: 373px;
          height: 220px;
          background: url('../assets/images/cardSmall.png') no-repeat;
          background-size: cover;
          color: #2ECE9A;
          padding-top: 50px;
          text-decoration: none;
          > div{
            width: 150px;
            padding: 10px 0;
            border-radius: 18px;
            font-size: 22px;
            background-color: #FFF;
            margin: auto;
            text-align: center;
          }
          > p{
            font-size: 24px;
            color: #FFF;
            text-align: center;
            margin-top: 20px;
          }
        }
        .right{
          float: right;
          padding: 45px 0;
          .name, .price{
            float: left;
            margin-left: 50px;
            padding-top: 50px;
            width: 335px;
            p{
              font-size: 18px;
              color: #999999;
            }
            .price{
              span{
                color: #FF5050;
              }
              del{
                color: #FF5050;
                margin-left: 10px;
              }
            }
            a{
              display: block;
              width: 131px;
              padding: 10px 0;
              border: 1px solid #2ECE9A;
              border-radius: 18px;
              font-size: 16px;
              color: #2ECE9A;
              text-align: center;
              text-decoration: none;
            }
          }
          .vr{
            float: left;
            width: 1px;
            height: 130px;
            background-color: #ccc;
          }
          .price{
            text-align: center;
            // border-left: 1px solid #ccc;
            p{
              color: #333333;
            }
            a{
              margin: auto;
            }
          }
        }
      }
    }
    .pay-select{
      background-color: #FFF;
      .one, .two{
        padding: 20px;
        color: #999999;
        font-size: 18px;
        .pay-name{
          margin-bottom: 30px;
        }
        .way{
          padding: 0 60px;
          .child{
            float: left;
            width: 201px;
            height: 83px;
            // border: 1px solid #000;
            border: 1px solid #FFF;
            margin-left: 30px;
            text-align: center;
            padding: 15px 0;
            &.active{
              border: 1px solid #2ECE9A;
            }
          }
        }
        p{
          padding-left: 60px;
        }
      }
    }
  }
}
.modal{
  .modal-content{
    width: 300px;
    .modal-body{
      text-align: center;
      .sao{
        margin-top: 30px;
      }
      p{
        font-size: 18px;
        color: #4D4D4D;
      }
      .price{
        color: #F73E3E;
        font-weight: bold;
      }
    }
  }
}